@w-menu:~"w-menu";

.@{w-menu} {
  margin: 0 !important;
  padding: 5px;
  padding-left: 5px !important;
  box-sizing: border-box;
  border-radius: 3px;
  min-width: 100%;
  text-align: left;
  font-size: 14px;
  &:not(&-dark) {
    color: #182026;
    background: #fff;
  }
  li {
    margin: 0 !important;
    list-style: none !important;
    position: relative;
    &:first-of-type {
      border-top: none;
    }
    a:not([href]) {
      color: inherit;
    }
  }
  &.w-bordered {
    box-shadow: 0 0 0 1px rgba(16,22,26,.1), 0 0 0 rgba(16,22,26,0), 0 1px 1px rgba(16,22,26,.2);
  }
  .@{w-menu}-divider {
    display: block;
    margin: 5px !important;
    border-top: 1px solid rgba(16,22,26,.15);
    > strong {
      display: block;
      line-height: 17px;
    }
  }
  .@{w-menu}-divider:not(:first-of-type) {
    > strong {
      margin-top: 10px;
    }
  }
}

.@{w-menu} {
  &-dark, &-dark.w-bordered, &-dark & {
    background: #343a40;
    color: rgba(255,255,255,0.65);
  }
  &-dark.w-bordered {
    box-shadow: initial;
  }
  &-dark .active {
    color: #fff !important;
  }
  &-dark &-item.w-disabled, &-dark &-item.w-disabled &-item-icon {
    color: rgba(142, 142, 142, 0.79) !important
  }
  &-dark &-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}